<?php 
/**
 * 虾米音乐日志页面
 */
?>
		<section id="content">
          <section class="vbox">
            <section class="scrollable wrapper-lg w-f-md" id="bjax-target">
              <div class="row">
                <div class="col-sm-8">
                  <div class="panel wrapper-lg">
                    <!-- .nav-justified -->
                    <section class="panel panel-default">
                      <header class="panel-heading bg-light">
                        <ul class="nav nav-tabs nav-justified">
                          <li class="active"><a href="#home" data-toggle="tab">热门歌曲</a></li>
                          <li><a href="#profile" data-toggle="tab">艺人档案</a></li>
                          <li><a href="#messages" data-toggle="tab">mv作品</a></li>
                          <li><a href="#settings" data-toggle="tab">其它歌曲</a></li>
                        </ul>
                      </header>
                      <div class="panel-body">
                        <div class="tab-content">
						  <!-- 热门歌曲 -->
                          <div class="tab-pane active" id="home">
                    <div class="row" >
                      <div class="col-sm-5">
                        <img src="<?php echo XiamiImg($log_content, $logid)?>" class="img-full m-b">
                      </div>
                      <div class="col-sm-7" data-xiami-id="<?php echo XiamiId($log_content); ?>">
                        <h2 class="m-t-none text-black"><?php echo $log_title; ?></h2>
                        <div class="clearfix m-b-lg">
			   <?php global $CACHE; 
					 $user_cache = $CACHE->readCache('user');
	                 $name = $user_cache[1]['mail'] != '' ? "<a href=\"mailto:".$user_cache[1]['mail']."\">".$user_cache[1]['name']."</a>" : $user_cache[1]['name'];?>
					 <?php if (!empty($user_cache[1]['photo']['src'])): ?>
                          <a href="<?php echo BLOG_URL.$user_cache[1]['photo']['src']; ?>" class="thumb-sm pull-left m-r">
                            <img src="<?php echo BLOG_URL.$user_cache[1]['photo']['src']; ?>" class="img-circle">
                          </a>
					 <?php endif;?>
                          <div class="clear">
                            <a href="#" class="text-info"><?php echo $name; ?></a>
                            <small class="block text-muted"><?php if($views){echo $views;}else{echo '0';}?>&nbsp;views&nbsp;/&nbsp;<?php if($comnum){echo $comnum;}else{echo '0';}?>&nbsp;comments</small>
                          </div>
						  </br>
						
                        <div class="m-b-lg">
                          <a href="#" class="btn btn-info">艺术家</a> 
						  <a href="<?php echo BLOG_URL; ?>index.php?keyword=<?php Cache_r($log_content, $logid, 'xmname')?>" class="btn btn-default"><?php Cache_r($log_content, $logid, 'xmname') ?></a>
						</br><p></p>
						  <a href="#" class="btn btn-info">专&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;辑</a> 
						  <a href="<?php echo BLOG_URL; ?>index.php?keyword=<?php Cache_r($log_content, $logid, 'xmalbum_name') ?>" class="btn btn-default"><?php Cache_r($log_content, $logid, 'xmalbum_name') ?></a>
                        </div>

                        </div>
                       <div>
                          <?php ting_xiami_tags($logid); ?>
                        </div>
                      </div>
                    </div>
                    <div class="m-t">
		              <div class="m-b-sm">
		                <div class="btn-group btn-group-justified">
		                  <a href="<?php Cache_r($log_content, $logid, 'xmurl') ?>" target="_blank" class="btn btn-primary">
						  <i class="fa fa-cloud-download"></i>&nbsp;&nbsp;点击下载MP3</a>
		                  <a href="<?php echo BLOG_URL; ?>index.php?keyword=<?php echo preg_replace('[MP3]', 'MV', $log_title);?>" target="_blank" class="btn btn-info">
						  点击搜索MV</a>
						  
		                </div>
		              </div>
                    </div>
                    <div class="m-t">
                      <p><?php echo nolog_style($log_content); ?></p>
                    </div>						  
						  </div>
						  <!-- 艺人档案 -->
                          <div class="tab-pane" id="profile">
                    <div class="row" >
                      <div class="col-sm-5">
                        <img src="<?php echo XiamiImg($log_content, $logid)?>" class="img-full m-b">
                      </div>
                      <div class="col-sm-7">
                        <h2 class="m-t-none text-black"><?php echo a_tags($logid); ?>的艺人档案</h2>
                        <div class="clearfix m-b-lg">
                          <a href="#" class="thumb-sm pull-left m-r">
                            <img src="<?php echo TEMPLATE_URL; ?>images/ting.png" class="img-circle" alt="<?php echo $blogname; ?>">
                          </a>

                          <div class="clear">
						  <?php 
						  global $CACHE; 
						  $user_cache = $CACHE->readCache('user'); 
						  $name = $user_cache[$author]['name']; 
						  ?>
						  <a href="<?php echo Url::author($author); ?>" title="<?php echo $name; ?>" class="text-info"><?php echo $name; ?></a>
                            <small class="block text-muted"><?php if($views){echo $views;}else{echo '0';}?>&nbsp;views&nbsp;/&nbsp;<?php if($comnum){echo $comnum;}else{echo '0';}?>&nbsp;comments</small>
                          </div>
						  </br>
						
                        <div class="m-b-lg">
                          <a href="#" class="btn btn-info">艺术家</a> 
						  <a href="<?php echo BLOG_URL; ?>index.php?keyword=<?php Cache_r($log_content, $logid, 'xmname'); ?>" class="btn btn-default"><?php Cache_r($log_content, $logid, 'xmname'); ?></a>
						  <br/><p></p>
						  <?php ting_xiami_tags($logid); ?>
						  <br/><p></p>
						<div class="bdsharebuttonbox">
						<a href="#" class="bds_more" data-cmd="more"></a>
						<a title="分享到QQ空间" href="#" class="bds_qzone" data-cmd="qzone"></a>
						<a title="分享到新浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a>
						<a title="分享到腾讯微博" href="#" class="bds_tqq" data-cmd="tqq"></a>
						<a title="分享到人人网" href="#" class="bds_renren" data-cmd="renren"></a>
						<a title="分享到微信" href="#" class="bds_weixin" data-cmd="weixin"></a>
						</div>
                        </div>

                        </div>

                      </div>
                    </div>
					<div class="m-t">
                      <p><?php echo xiami_yiren($logid, 'Artist_SortId');?></p>
                    </div>
                          </div>
						  <!-- mv作品 -->
                          <div class="tab-pane" id="messages">
						  <?php xiami_mvmp3('0','12',$logid, 'Youku_SortId','rand()'); ?>
						  </div>
						  <!-- 其它歌曲 -->
                          <div class="tab-pane" id="settings">
						  <?php xiami_mvmp3('0','12',$logid, 'Xiami_SortId','rand()'); ?>
						  </div>
                        </div>
                      </div>
                    </section>
                    <!-- / .nav-justified -->
                  <?php blog_comments($comments); ?>
                  
                  <?php blog_comments_post($logid,$ckname,$ckmail,$ckurl,$verifyCode,$allow_remark,'log'); ?>
                    
                  </div>
                </div>

                <div class="col-sm-4">
                  <div class="panel panel-default">
                    <?php side_log('0','6','rand()'); ?>
                  </div>
                </div>

              </div>
            </section>
            <footer class="footer bg-info dker">
              <div id="jp_container_N">
                    <div class="jp-type-playlist">
                      <div id="jplayer_N" class="jp-jplayer hide"></div>
                      <div class="jp-gui">
                        <div class="jp-video-play hide">
                          <a class="jp-video-play-icon">play</a>
                        </div>
                        <div class="jp-interface">
                          <div class="jp-controls">
                            <div><a class="jp-previous"><i class="icon-control-rewind i-lg"></i></a></div>
                            <div>
                              <a class="jp-play"><i class="icon-control-play i-2x"></i></a>
                              <a class="jp-pause hid"><i class="icon-control-pause i-2x"></i></a>
                            </div>
                            <div><a class="jp-next"><i class="icon-control-forward i-lg"></i></a></div>
                            <div class="hide"><a class="jp-stop"><i class="fa fa-stop"></i></a></div>
                            <div><a class="" data-toggle="dropdown" data-target="#playlist"><i class="icon-list"></i></a></div>
                            <div class="jp-progress hidden-xs">
                              <div class="jp-seek-bar dk">
                                <div class="jp-play-bar bg-info">
                                </div>
                                <div class="jp-title text-lt">
                                  <ul>
                                    <li></li>
                                  </ul>
                                </div>
                              </div>
                            </div>
                            <div class="hidden-xs hidden-sm jp-current-time text-xs text-muted"></div>
                            <div class="hidden-xs hidden-sm jp-duration text-xs text-muted"></div>
                            <div class="hidden-xs hidden-sm">
                              <a class="jp-mute" title="mute"><i class="icon-volume-2"></i></a>
                              <a class="jp-unmute hid" title="unmute"><i class="icon-volume-off"></i></a>
                            </div>
                            <div class="hidden-xs hidden-sm jp-volume">
                              <div class="jp-volume-bar dk">
                                <div class="jp-volume-bar-value lter"></div>
                              </div>
                            </div>
                            <div>
                              <a class="jp-shuffle" title="shuffle"><i class="icon-shuffle text-muted"></i></a>
                              <a class="jp-shuffle-off hid" title="shuffle off"><i class="icon-shuffle text-lt"></i></a>
                            </div>
                            <div>
                              <a class="jp-repeat" title="repeat"><i class="icon-loop text-muted"></i></a>
                              <a class="jp-repeat-off hid" title="repeat off"><i class="icon-loop text-lt"></i></a>
                            </div>
                            <div class="hide">
                              <a class="jp-full-screen" title="full screen"><i class="fa fa-expand"></i></a>
                              <a class="jp-restore-screen" title="restore screen"><i class="fa fa-compress text-lt"></i></a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="jp-playlist dropup" id="playlist">
                        <ul class="dropdown-menu aside-xl dker">
                          <!-- The method Playlist.displayPlaylist() uses this unordered list -->
                          <li class="list-group-item"></li>
                        </ul>
                      </div>
                      <div class="jp-no-solution hide">
                        <span>Update Required</span>
                        To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
                      </div>
                    </div>
                  </div>
            </footer>
          </section>
          <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open" data-target="#nav,html"></a>
        </section>
      </section>
    </section>    
  </section>
  <script src="<?php echo TEMPLATE_URL; ?>js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="<?php echo TEMPLATE_URL; ?>js/bootstrap.js"></script>
  <!-- App -->
  <script src="<?php echo TEMPLATE_URL; ?>js/app.js"></script>  
  <script src="<?php echo TEMPLATE_URL; ?>js/slimscroll/jquery.slimscroll.min.js"></script>
  <script src="<?php echo TEMPLATE_URL; ?>js/app.plugin.js"></script>
  <script type="text/javascript" src="<?php echo TEMPLATE_URL; ?>js/jPlayer/jquery.jplayer.min.js"></script>
  <script type="text/javascript" src="<?php echo TEMPLATE_URL; ?>js/jPlayer/add-on/jplayer.playlist.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){

  var myPlaylist = new jPlayerPlaylist({
    jPlayer: "#jplayer_N",
    cssSelectorAncestor: "#jp_container_N"
  }, [
    {
      title:"<?php echo $log_title; ?>",
      artist:"<?php Cache_r($log_content, $logid, 'xmname') ?>",
      mp3:"<?php Cache_r($log_content, $logid, 'xmurl') ?>",
      poster: "<?php XiamiImg($log_content, $logid)?>"
    }
  ], {
    playlistOptions: {
      enableRemoveControls: true,
      autoPlay: true
    },
    swfPath: "js/jPlayer",
    supplied: "webmv, ogv, m4v, oga, mp3",
    smoothPlayBar: true,
    keyEnabled: true,
    audioFullScreen: false
  });
});
</script>
  <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"2","bdSize":"24"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
	<?php doAction('index_footer'); ?>
<script>prettyPrint();</script>
</body>
</html>